
//总体分析
.tabbable-line> ul>li >a{
  font-size: 14px;
  //font-weight: 600;
}
.section{
  .section-body{
    .paddingLr{
      //padding: 0px !important;
      .halfTable{
        tbody >tr>td>i{
          //width: 12px;
          //height:12px;
          color: #3598dc;
          vertical-align: middle;
          //display: inline-block;
        }
        thead>tr>th{
          font-weight: 700;
          text-align: center;
        }
        thead>tr>th,tbody>tr>th,tfoot>tr>th,thead>tr>td, tbody>tr>td, tfoot>tr>td{
          border-top: 0px solid #ddd ;
          border-bottom: 0px solid #ddd;
          padding:10px 0px;
        }
      }
    }
    .exportBtn{
      padding:15px 0px 0px 0px;
      position: relative;
      z-index: 2;
      button,.btn-default{
        height:25px;
      }
    }
    .domainTableBox{
      margin-top: 10px;
      .domainTable{
        thead{
        background: lightgray;
        text-align: center;
        }
      }
    }
  }

}


//对比分析

.contrastTitle{
  margin-top: 10px;
  select{
    width: 150px;
    margin-top: 10px;
  }
  .keyIndexWrap{
    div{
      display: inline-block;
      width: 150px;
      height:30px;
      background: #ccc;
      line-height: 30px;
      text-align: center;
      color: #fff;
      cursor: pointer;
      margin-left: 30px;
      margin-top: 10px;
    }
    .active{
      background: #000;
    }
  }

}

.contrastTableWrap{
  margin-top: 30px;
  .contrastTable {
    thead>tr>th{
      background: #e6e9ec;
      text-align: center;
      padding: 8px ;
      font-weight: 700;
    }
    thead>tr:first-child>th{
      font-weight: 800;
    }
    thead>tr>th:nth-child(1)，
    thead>tr:nth-child(2)>th:nth-child(2)，
    tbody>tr>td:nth-child(1)，
    tbody>tr>td:nth-child(2){
      text-align: left;
    }
    tbody>tr>td{
      border-top: none;
      padding: 8px 6px;
      border-bottom: 1px solid #ddd;
    }
    tbody>tr>td .pull-right{
      width: 2px;
      height:10px;
      margin-top: 4px;
      background: #9e9e9e;
    }
  }
  .detailsExplain{
    padding-right: 10px;
    line-height: 24px;
    border-right: 3px solid #eee ;
  }
}
.colorBlue{
  color: #3598dc;
  vertical-align: middle;
}
.colorOrange{
  color: #f2c308;
  vertical-align: middle;
}

  //闲忙分析
.dataTableBox{
  .dataTable{
    tbody>tr>td{
      padding: 8px 30px;
      border-top: none;
      vertical-align: middle;
    }
    .dataBottomBorder{
      border-bottom: 2px solid #eee;
      font-size: 14px;
      height: 30px;
      color: gray;
      font-weight: 800;

    }
    tbody tr td span{
      font-size: 16px;
      color: #3598dc;
      font-weight: 700;
    }
    tbody tr td span:last-child{
      font-size: 16px;
    }
    tbody tr td > i{
      font-size: 18px;
      margin-top: -6px;
    }
    tbody tr td > div>i{
      font-size: 26px;
      margin-top: 0px;
    }
  }
}
.dayDataMarTop{
  padding:20px 0px;
}


  .lineCharts .dayDataMarTop ul{
    list-style: none;
  }
  .lineCharts .setTitle{
   text-align: center;
    margin-top: 20px;
  }
  .lineCharts .dayDataMarTop ul li{
    line-height: 30px;
    list-style: none;
  }
  .lineCharts .dayDataMarTop ul li:first-child{
    border-bottom: 2px solid #eee;
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
  }
  .lineCharts .dayDataMarTop ul li span:first-child{
    display: inline-block;
    width: 20px;
  }
  .lineCharts .dayDataMarTop ul li span:nth-child(2){
    width: 120px;
    display: inline-block;
  }
  //故障定位
.totalTitleTop{
  margin-top:20px;
  line-height: 30px;
  .totalWrap{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
  }
  .groupUl, .otherFilesUl{
    display: inline-block;
    li{
      float: left;
      list-style: none;
      display: inline-block;
      color: #fff;
      width: 70px;
      background: #ccc;
      line-height:30px;
      text-align: center;
      margin-left: 5px;
      cursor: pointer;
    }
    .active{
      background: #000;
    }
  }
}

  //故障定位样式

.fault-panel-group{
  .panel{
    border-radius: 0;
    border: 0;
  }
  .panel-heading{
    border-radius: 0;
  }
  .panel-collapse{
    border:1px solid #ddd;
    border-width: 0 1px 1px 1px;
  }
  .panel-default{
    .panel-heading{
      background: #4c728f;
      color: #fff;
      h4{
        cursor: pointer;
      }
      .warning-positon{
        position: relative;
        height: 16px;
        .warning-title{
          position: absolute;
          left:0;
          width: 50%;
          font-size: 12px;
          height: 14px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }
        .warning-content{
          position: absolute;
          font-size: 12px;
          right:0;
          .bad-quality-num{
            display: inline-block;
            background: orange;
            width: 80px;
            height:20px;
            line-height: 20px;
            text-align: center;
            color:#fff;
            margin-top: -2px;
          }
        }
      }
    }
    //.panel-body{
    //  .table>thead>tr>th{
    //    background: #ddd;
    //    line-height: 30px;
    //  }
    //  .table>tbody>tr>td{
    //    border: none;
    //    line-height: 26px;
    //    background: #F0FFF0;
    //  }
    //  .table tbody tr td:nth-child(6),
    //  .table tbody tr td:nth-child(5),
    //  .table tbody tr td:nth-child(4),
    //  .table thead tr th:nth-child(6),
    //  .table thead tr th:nth-child(5),
    //  .table thead tr th:nth-child(4){
    //    text-align: center;
    //  }
    //  .cutting-line{
    //    background: #fff;
    //    td{
    //      padding:0px;
    //      div{
    //        height:8px;
    //        background: #fff;
    //      }
    //    }
    //  }
    //}
  }
}


  .tab-pane{
    .statementTitle{
      padding-top: 20px;
      text-align: center;
      div{
        font-size:20px;
        font-weight: 700;
      }
      .statementBtn{
        height:27px;
        width:100px;
      }
    }
    .warningWrap{
      margin-top: 20px ;
      background: #FFC1C1;
      border:1px solid gray;
      padding: 10px 20px;
      p{
        font-size: 14px;
        font-weight: 600;
        margin: 0px;
        margin-top: 15px;
      }
      p:last-child{
        margin-bottom: 15px;
      }
    }
    .section{
      margin-top: 10px;
      .section-title{
        font-size: 14px;
        font-weight: 800;
        .chooseCycle{
          .cursorP{
            cursor: pointer;
          }
          span{
            cursor: pointer;
          }
          .active{
            color: #3598dc;
          }
        }
      }
      .section-body{
        overflow: hidden;
        .table{
          margin-top: 15px;
        }
      }
      .tableTestResult{
        margin-top: 20px;
      }
      .tableTestResult tbody>tr>td{
        border-top: none;
        line-height: 28px;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        vertical-align: middle;
        .icon-msnui-alarm-inverse{
          color: #B22222;
        }
        .icon-yiwanchengdingdan{
          color: #228B22;
        }
        span{
          padding-left: 20px;
        }
      }
      .terminalInfoTable tbody>tr>td{
        border-top: none;
        line-height: 28px;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        color: gray;
      }
      .netContrastWrap{
        width: 500px;
        margin: 80px auto;
        .netContrastLine{
          background: #ddd;
          height:4px;
          margin: 0px 2px;
        }
        .table tbody tr>td{
          border-top: none;
          padding:0px;
          .icon-jindutiaowancheng{
            font-size: 50px;
            color: green;
            margin-top: -14px;
            opacity: 1;
            background: white;
            border-radius: 50%;
            border: 5px solid white;
          }
          .textLeftAlign{
            width: 60px;
            text-align: center;
          }
          h4{
            font-weight: 600;
            margin-top:20px ;
          }
          h5{
            font-size: 16px;
          }
        }
      }
    }
  }

  .section{
    .section-body{
      .elementAnalyzeTable{
        .cancelPadding{
          border:none;
          .addTd{
            line-height: 30px;
            div{
              width: 120px;
              display: inline-block;
              padding-bottom: 10px;
              border-bottom: 1px solid #ddd;
              text-align: left;
            }
            span{
              display: inline-block;
              text-align: left;
              width: 120px;
              font-size: 16px;
              font-weight: 700;
            }
          }
        }
      }
    }
  }



  //故障定位
  .diagnostic-box{
    .statementTitle{
      padding-top: 20px;
      text-align: center;
      div{
        font-size:20px;
        font-weight: 700;
      }
      .statementBtn{
        height:27px;
        width:100px;
      }
    }
    .warningWrap{
      margin-top: 20px ;
      background: #FFC1C1;
      border:1px solid gray;
      padding: 10px 20px;
      p{
        font-size: 14px;
        font-weight: 600;
        margin: 0px;
        margin-top: 15px;
      }
      p:last-child{
        margin-bottom: 15px;
      }
    }
    .section{
      margin-top: 20px;
      .section-title{
        font-size: 14px;
        font-weight: 800;
        .chooseCycle{
          .cursorP{
            cursor: pointer;
          }
          span{
            cursor: pointer;
          }
          .active{
            color: #3598dc;
          }
        }
      }
      .section-body{
        overflow: hidden;
        .table{
          margin-top: 15px;
        }
      }
      .tableTestResult{
        margin-top: 20px;
      }
      .tableTestResult tbody>tr>td{
        border-top: none;
        line-height: 28px;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        vertical-align: middle;
        .icon-msnui-alarm-inverse{
          color: #B22222;
        }
        .icon-yiwanchengdingdan{
          color: #228B22;
        }
        span{
          padding-left: 20px;
        }
      }
      .terminalInfoTable tbody>tr>td{
        border-top: none;
        line-height: 28px;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        color: gray;
      }
      .netContrastWrap{
        width: 500px;
        margin: 80px auto;
        .netContrastLine{
          background: #ddd;
          height:4px;
          margin: 0px 2px;
        }
        .table tbody tr>td{
          border-top: none;
          padding:0px;
          .icon-jindutiaowancheng{
            font-size: 50px;
            color: green;
            margin-top: -14px;
            opacity: 1;
            background: white;
            border-radius: 50%;
            border: 5px solid white;
          }
          .textLeftAlign{
            width: 60px;
            text-align: center;
          }
          h4{
            font-weight: 600;
            margin-top:20px ;
          }
          h5{
            font-size: 16px;
          }
        }
      }
    }
  }
  .dialogWrap{
    padding-left: 35px;
    .selectThis{
      div{
        width: 150px;
        display: inline-block;
        margin-left: 20px;
      }
    }
    .selectThisWrap{
      div{
        width: 150px;
        display: inline-block;
        margin-left: 20px;
      }
    }
    .allSelect{
      display: inline-block;
    }
  }

  .warningDataTable{
    thead{
      tr{
        background: #f6f6f6;
      };
    }
    tbody{
      tr{
        td{
          vertical-align: middle;
          .btnWarp{
            text-align:center;
            button{
              background: #f6f6f6;
              margin:0px -2px;
              border-radius: 0px;
              border: 1px solid #ddd;
            }
            button:hover{
              background: #e6e6e6;
            }
          }
        }
      }
      tr:hover{
        background:#E6F1FE ;
      }
    }
  }
form{
  .btn-group{
    .btn-tabs{
      .btn-show-bg{
        background: #1aad19;
      }
    }
  }
}

.ins-jt-panel2{
  .ins-jt-item{
    height: 100px;
    margin-left: 20px;
  }
  .jt-item-head, .name-by{
    display: none!important;
  }
  .jt-item-body{
    background: #fff;
  }
  .name{
    background: #f1f1f1;
    color: #999;
    height: 26px;
    line-height: 26px;
    padding: 0 5px!important;
  }
  tbody>tr>td:first-child{
    text-align: right;
  }
  tbody>tr>td{
    border-top: 1px solid #f3f3f3;
  }
  //tbody>tr:nth-child(2){
  //  background: #f4f8ff;
  //}
}
.ins-jt-item{

  width: 170px;
  height: 150px;
  position: relative;
  border: 1px solid #ddd;
  float: left;
  &.jt-item-green{
    .val,
    .arrow i,
    .comp p {
      color: $c-green;
    }
  }
  &.jt-item-red{
    .val,
    .arrow i,
    .comp p {
      color: $c-red
    }
  }
  .jt-item-head{
    background: #f1f1f1;
    color: #999;
    padding:3px 5px;
  }
  .name-by{
    padding:0px 0 0 10px;
    color: #999;
  }
  .name{
    font-size: 14px;
    padding:5px 0 0 10px;
  }
  .val{
    font-size: 30px;
    text-align: center;
    padding:0px 0 10px 0;
  }
  .arrow{
    position: absolute;
    left: 10px;
    bottom:3px;
    i{
      font-size: 32px;
    }

  }
  .comp{
    position: absolute;
    right: 10px;
    bottom:3px;
    p{
      margin: 0;
      text-align: right;
    }
  }
}


#creatSlider{
  height:30px;
  margin-top: -1px;
  overflow: hidden;
}
#creatSlider .lineSlider{
  width: 14px;
  height: 14px;
  background: deepskyblue;
  position: absolute;
  top:-7px;
  left:0;
}
#creatSlider .lineWrap{
  width: 100%;
  background: gray;
  height:2px;
  position: relative;
  top: 0px;
  left: 0px;
}
#creatSlider .lineTr{
  height:14px;
}
#creatSlider .lineTr > td{
  padding:0px !important;
  border: none !important;
  vertical-align: middle;
}
#creatSlider .fontWidth{
  vertical-align: middle;
  border-radius: 5px;
  padding:0px !important;
  height:14px;
  border: none !important;
}
#creatSlider .fontWidth >span{
  cursor: pointer;
}
.creatSliderBox{
  padding: 0px;
  border-radius: 0px;
  border:none;
}
//不同探针
.deviceTaskDetailWrap{
  .row{
    margin-left: 0px;
    .tableTaskTitle{
      border-bottom: 1px dashed #999;
      padding: 10px 0;
      font-size: 14px;
      font-weight: 800;
    }
    .col-md-8,.col-md-4{
      margin-top: 10px;
    }
    .deviceTask1{
        table{
          margin-top:1px !important;
        }
         table thead tr th,table tbody tr td{
           height:50px;
           vertical-align: middle;
         }
    }
  }
}
.chartPosition{
  position: relative;
  .postionMarPad{
    position: absolute;
    top: 15px;
    right: 15px;
  }
}
#moreTableBox {
  color: black;
  width: 900px;
  margin-left: 0px;
  padding: 20px;
  border: 1px solid #ddd;
  margin-top: 10px;
  position: absolute;
  top:110px;
  z-index: 2222;
  background: #fbfcfd;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.3)
}
#moreTableBox label {
  height: 30px;
  width: 60px;
  text-align: right;
  display: inline-block;
}
#moreTableBox  select {
  width: 150px;
  height: 23px;
}
#moreTableBox:before {
  position: absolute;
  top: -9px;
  left: 326px;
  right: auto;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ddd;
  border-left: 8px solid transparent;
  content: '';
}
#moreTableBox:after {
  position: absolute;
  top: -9px;
  left: 326px;
  right: auto;
  display: inline-block !important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ddd;
  border-left: 8px solid transparent;
  content: '';
}
#moreTableSelect  select{
  width: 150px !important;
  height: 23px;
  padding: 0px 5px;
}
.deviceTaskTableInfo{
  thead tr{
    background: #f1f4f7;
    th{
      font-weight: 400;
    }
  }
}